<!DOCTYPE html>
<head>
  <!-- Standard Meta -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

  <!-- Site Properities -->
  <title>Tasks</title>
  
<!-- CSS -->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/redmond/jquery-ui.css" type="text/css">
<link rel="stylesheet" type="text/css" href="css/semantic.css">
<link rel="stylesheet" href="css/style.css" >

<!-- JS -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.address/1.6/jquery.address.js"></script>
<script src="javascript/semantic.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<!--<script type="text/javascript" src="js/list.js"></script>-->
<script type="text/javascript" src="js/manageTodo.js"></script>  

</head>

<body id="feed">

<!--<script type="text/javascript">
var $jq = $.noConflict();  
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>-->
    
<div class="ui tiered menu">
  <div class="menu">
    <a class="active item">
      <i class="users icon"></i>
      Friends
    </a>
    <a class="item">
      <i class="grid layout icon"></i> Browse
    </a>
    <a class="item">
      <i class="mail icon"></i> Messages
    </a>
    <div class="right menu">
      <div class="borderless vertically fitted item">
        <div class="ui icon input">
          <input type="text" placeholder="Search...">
          <i class="search icon"></i>
        </div>
      </div>
      <div class="ui dropdown item">
        More <i class="icon dropdown"></i>
        <div class="menu">
          <a class="item"><i class="edit icon"></i> Edit Profile</a>
          <a class="item"><i class="globe icon"></i> Choose Language</a>
          <a class="item"><i class="settings icon"></i> Account Settings</a>
        </div>
      </div>
    </div>
  </div>
  <div class="ui sub menu">
    <a class="active item">Search</a>
    <a class="item">Add</a>
    <a class="item">Remove</a>
  </div>
</div>
    
  <div class="ui large inverted vertical sidebar menu">
    <a class="active item">
      Dogs Weekly <span class="ui label">213</span>
    </a>
    <a class="item">
      Joystiq <span class="ui label">113</span>
    </a>
    <div class="item">
      <b>Archived Feeds</b>
      <div class="menu">
        <a class="item">
          Engadget <span class="ui label">11</span>
        </a>
        <a class="item">
          NY Times Tech Blog <span class="ui label">21</span>
        </a>
      </div>
    </div>
    <a class="item">
      <i class="bookmark icon"></i> Favorites
    </a>
    <div class="ui dropdown item">
      <i class="add icon"></i> New
      <div class="menu">
        <a class="item"><i class="rss icon"></i> Feed</a>
        <a class="item"><i class="tag icon"></i> Tag</a>
        <a class="item"><i class="folder icon"></i> Group</a>
      </div>
    </div>
  </div>
  <div class="ui celled grid">
    <div class="seven wide middle column">
      <h2 class="ui header">
        <i class="inbox icon"></i>
Inbox
      </h2>
        <div class="ui right floated black launch button">
          <i class="list layout icon"></i> Menu
        </div>
        
      <div class="ui tabular filter menu">
        <a class="active item" data-tab="unread">Unread</a>
        <a class="item" data-tab="saved">Saved</a>
        <a class="item" data-tab="all">All</a>
      </div>
      <div class="ui divided inbox selection list active tab" data-tab="unread">
          
         <h2>Список дел</h2>
<ul class="tdlist">

<li class="table_head">
<div id="todo_table">
    <span class="todo_name">Тема задачи</span>
    <span id="todo_status_head" class="todo_status">Статус</span>
    <span class="todo_prioriter">Приоритет</span>
    <span class="todo_assign">Назначена</span>
    <span class="todo_tag">Тэги</span>
    <span class="todo_due_date">Начато</span>
    <span class="todo_past_date">Сделать до</span>
    <span class="todo_delete"></span>
    <span class="id" ></span>

</li>

</ul>
             
      </div>
         <div class="ui divided inbox selection list tab" data-tab="saved">
        <a class="item">
          <div class="left floated ui star rating"><i class="icon"></i></div>
          <div class="right floated date">Sep 14, 2013</div>
          <div class="description">Your favorite saved article</div>
        </a>
        <a class="item">
          <div class="left floated ui star rating"><i class="icon"></i></div>
          <div class="right floated date">Sep 14, 2013</div>
          <div class="description">Your favorite saved article</div>
        </a>
        <a class="item">
          <div class="left floated ui star rating"><i class="icon"></i></div>
          <div class="right floated date">Sep 14, 2013</div>
          <div class="description">Your favorite saved article</div>
        </a>
      </div>
      <div class="ui divided inbox selection list tab" data-tab="all">
        <a class="item">
          <div class="left floated ui star rating"><i class="link icon"></i></div>
          <div class="right floated date">Sep 14, 2013</div>
          <div class="description">There turns out there is only one article under all.</div>
        </a>
          
      </div>
        
      <div class="ui divider"></div>

    </div>
      
    <div class="nine wide right column">
     <h1 class="ui header">Добавление задачи</h1>
     Tags: <a class="ui label">Unread</a> <a class="ui label">Comics</a>
    
      
<div id="todo_form" class="white_bg">
<div id="form_wrapper">
<textarea class="white" id="todo_item_text" placeholder="Что нужно сделать..."></textarea>
<select id="todo_status_text" name="todo_status_text">
<option selected value="Открыта" >Открыта</option>
<option value="Решена" >Решена</option>

</select>


<select id="todo_prioriter_text" name="todo_prioriter_text">

<option value="Низкий" >Низкий</option>
<option selected value="Нормальный" >Нормальный</option>
<option value="Высокий" >Высокий</option>
<option value="Срочный" >Срочный</option>

</select>
<textarea id="todo_assign_text" placeholder="Назначена..."></textarea>
<textarea id="todo_tag_text" placeholder="Тэги..."></textarea>


<input type="text" id="todo_due_date" placeholder="Установить дату..." />
<input type="text" id="todo_past_date" placeholder="Выполнить до..." />
</div><!-- end form_wrapper -->

<input type="submit" id="create_todo" value="Добавить" class="button"/>
</div><!-- end todo_form -->
</div><!-- end bodyWrapper -->    
     
<!--      <div class="ui basic button">Save</div>
      <div class="ui basic button">Delete</div>-->
    </div>
      

</body>

</html>